﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>无标题文档</title>
    <link href="../static/css/style.css" rel="stylesheet" type="text/css"/>
    <script language="JavaScript" src="../static/js/jquery.js"></script>
    <script src="../static/js/vue.js" type="text/javascript"></script>
    <script src="../static/js/axios.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            //导航切换
            $(".menuson .header").click(function () {
                var $parent = $(this).parent();
                $(".menuson>li.active").not($parent).removeClass("active open").find('.sub-menus').hide();

                $parent.addClass("active");
                if (!!$(this).next('.sub-menus').size()) {
                    if ($parent.hasClass("open")) {
                        $parent.removeClass("open").find('.sub-menus').hide();
                    } else {
                        $parent.addClass("open").find('.sub-menus').show();
                    }


                }
            });

            // 三级菜单点击
            $('.sub-menus li').click(function (e) {
                $(".sub-menus li.active").removeClass("active")
                $(this).addClass("active");
            });

            $('.title').click(function () {
                var $ul = $(this).next('ul');
                $('dd').find('.menuson').slideUp();
                if ($ul.is(':visible')) {
                    $(this).next('.menuson').slideUp();
                } else {
                    $(this).next('.menuson').slideDown();
                }
            });

            $(".mensonson").hide();
        })

        // 名片夹
        function reveal(aaa) {
            $(aaa).siblings(".mensonson").show();
            $(aaa).parent().siblings().children(".mensonson").hide();
        }

    </script>

    <!--名片夹css-->
    <style type="text/css">
        .mensonson {
            margin-left: 20px;
        }
    </style>

</head>

<body style="background:#f0f9fd;">
<div class="lefttop"><span></span>导航菜单</div>

<dl class="leftmenu" id="app">

    <dd >
        <div class="title"><span><img src="../static/images/leftico03.png"/></span>个人办公</div>
        <ul class="menuson">
            <li><cite></cite><a href="PersonalOffice/staffInfoUpdate.html" target="rightFrame">个人信息</a><i></i></li>
            <li><cite></cite><a href="PersonalOffice/staffByQuery.html" target="rightFrame">查看他人信息</a><i></i></li>
            <li><cite></cite><a href="PersonalOffice/workSchedule.html" target="rightFrame">工作安排</a><i></i></li>
            <li><cite></cite><a href="PersonalOffice/contacts/contactslist.html" target="rightFrame">通讯录管理</a><i></i>
            </li>
            <!--					<li><cite></cite><a href="positionList.html" target="rightFrame">名片夹</a><i></i></li>-->

            <li><cite></cite><a target="rightFrame" onclick="reveal(this)">名片夹</a><i></i>
                <ul class="mensonson">
                    <li><cite></cite><a href="PersonalOffice/nameCard/nameCardList/nameCardList.html"
                                        target="rightFrame">名片夹分类</a><i></i></li>
                    <li><cite></cite><a href="PersonalOffice/nameCard/personalNameCard/personalNameCardList.html"
                                        target="rightFrame">个人名片夹</a><i></i></li>
                </ul>
            </li>
        </ul>
    </dd>
    <dd>
        <div class="title"><span><img src="../static/images/leftico03.png"/></span>在线信息</div>
        <ul class="menuson">
            <li><cite></cite><a href="onlineInformation/draftBox/DraftBoxList.html" target="rightFrame">草稿箱</a><i></i>
            </li>
            <li><cite></cite><a href="onlineInformation/sended/SendMessage.html" target="rightFrame">已发送</a><i></i></li>
            <li><cite></cite><a href="onlineInformation/unread/unReadMessage.html" target="rightFrame">待办事项</a><i></i>
            </li>
            <li><cite></cite><a href="onlineInformation/allMessage/AllMessage.html" target="rightFrame">全部留言</a><i></i>
            </li>
        </ul>
    </dd>
    <dd>
        <div class="title"><span><img src="../static/images/leftico03.png"/></span>个人文件夹</div>
        <ul class="menuson">
            <li><cite></cite><a href="/myFolder/goMyFolderList"
                                target="rightFrame">我的文件夹</a><i></i></li>
            <li><cite></cite><a href="/sharedFolder/goMyFolderList"
                                target="rightFrame">共享文件夹</a><i></i></li>
        </ul>
    </dd>
    <!--会议管理-->
    <dd >
        <div class="title"><span><img src="../static/images/leftico03.png"  /></span>会议管理</div>
        <ul class="menuson"  v-if="loginUser.roleId===3">
            <li>
                <cite></cite><a href="meetingManage/meetingmange.html" target="rightFrame">会议管理</a><i></i>
            </li>
            <li>
                <cite></cite><a href="meetingManage/personalArrangement.html" target="rightFrame">个人安排</a><i></i>
            </li>
            <li>
                <cite></cite><a href="meetingManage/backlogArrangement.html" target="rightFrame">待办事项</a><i></i>
            </li>
            <li><cite></cite><a href="meetingManage/meetroom/meetroomlist.html" target="rightFrame">会议室管理</a><i></i>
            </li>

        </ul>
    </dd>
    <dd>
        <div class="title"><span><img src="../static/images/leftico03.png"/></span>系统管理</div>
        <ul class="menuson" v-if="loginUser.roleId===3">
            <li><cite></cite><a href="sysManage/deptManage/deptList.html" target="rightFrame">部门管理</a><i></i></li>
            <li><cite></cite><a href="sysManage/roleManage/roleList.html" target="rightFrame">角色管理</a><i></i></li>
            <li><cite></cite><a href="sysManage/staffManage/staffList.html" target="rightFrame">员工管理</a><i></i></li>
        </ul>
    </dd>
</dl>

</body>
<script type="text/javascript">
    var vm = new Vue({
        el: "#app",
        data:
            {
                loginUser: '',
            },
        // 方法存放区
        methods: {
            getUser() {
                axios({
                    method: 'POST',
                    url: '/getUser',
                }).then(function (res) {
                    vm.loginUser = res.data;
					console.log(vm.loginUser)
                }).catch(function (reason) {
                    console.log(reason);
                })
            }
        },//页面加载完自动执行
        mounted() {
            this.getUser();
        }
    })
</script>
</html>